<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div v-bind:class="classObj"></div>
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<script>
			var  app=new Vue({
				data:{
					isActive:true,
					error:null
				},
				computed:{
					classObj:function(){
						return{
							active:this.isActive&&!this.error,
							'text-danger':this.error&&this.error.type==='fatal',
						}
					}
				}
			})
		</script>
	</body>
</html>

